<template>
    <div>

        <div class="user-list unified-bg-white unifined-border-radius">

            <div class="box-head flex unified-flex-space-between ">

                <span class="box-head-title">Order List</span>

                <div class="user-list-head-search-box flex ">
                    <div class="user-list-head-search">
                        <input type="" name="" id="" value="" class="user-list-head-search-input" />
                        <span class="user-list-head-search-btn el-icon-search"></span>
                    </div>

                    <!-- 添加按钮 -->
                    <span class="user-list-head-action-btn el-icon-circle-plus-outline"></span>
                    <!-- 全选/反选 -->
                    <el-dropdown>
                        <span class="user-list-head-action-btn el-icon-more"></span>
                        <el-dropdown-menu slot="dropdown">
                            <el-dropdown-item>全选</el-dropdown-item>
                            <el-dropdown-item>反选</el-dropdown-item>
                        </el-dropdown-menu>
                    </el-dropdown>
                </div>
            </div>

            <div class="unified-table-padding">
                <el-table :data="list" stripe style="width: 100%;font-size: 10px;">
                    <el-table-column prop="_id" label="订单编号" width="180">
                    </el-table-column>
                    <el-table-column prop="name" label="商品" width="180">
                    </el-table-column>
                    <el-table-column prop="address" label="规格">
                    </el-table-column>
                    <el-table-column prop="address" label="数量">
                    </el-table-column>
                    <el-table-column prop="address" label="交易金额">
                    </el-table-column>
                    <el-table-column prop="address" label="支付方式">
                    </el-table-column>
                </el-table>
                <div class="unified-pagination unified-bg-white">
                    <el-pagination :page-sizes="[10]" layout="total, sizes, prev, pager, next, jumper" :total="total"
                        @current-change="changeCurrent" @size-change="changelimit">
                    </el-pagination>

                </div>
            </div>


        </div>

    </div>
</template>

<script>
    export default {
        data() {
            return {
                // 列表数据
                list: [{


                    _id: "15615165165", // 订单编号
                    goods_id: "541515165", // 商品ID
                    user: "45156151", // 用户id

                    original_price: 5615165, // 原价格
                    paid_price: 151203, // 实际付款价格

                    create_action: 0, // 下单行为

                    tabs: 0, // 订单标签
                    buyer_comment: "", // 买家订单备注
                    seller_comment: "", // 卖家内部备注

                    payment_type: 0, // 支付方式
                    create_time: Date.now(), // 订单创建时间
                    payment_time: Date.now(), // 订单支付时间

                    status: 0 // 订单状态

                }],

                // 表格显示选项显示状态
                showFormSelect: false,
                // 表格显示选项
                FormSelect: [{
                        name: "订单编号", // 字段
                        alias: "orderid", // 字段别名
                        seat: 0, // 排序
                        display: true, // 显示在表格中
                    }, {
                        name: "用户信息", // 字段
                        alias: "userinfo", // 字段别名
                        seat: 0, // 排序
                        display: true, // 显示在表格中
                    },
                    {
                        name: "订单商品",
                        alias: "goodsinfo", // 字段别名
                        seat: 1,
                        display: true
                    },
                    {
                        name: "优惠信息",
                        alias: "reduction", // 字段别名
                        seat: 1,
                        display: true
                    },
                    {
                        name: "实付款",
                        alias: "int", // 字段别名
                        seat: 1,
                        display: true
                    },
                    {
                        name: "支付方式",
                        alias: "int", // 字段别名
                        seat: 1,
                        display: true
                    },
                    {
                        name: "下单行为",
                        alias: "int", // 字段别名
                        seat: 1,
                        display: true
                    },
                    {
                        name: "配送信息",
                        alias: "transport", // 字段别名
                        seat: 1,
                        display: true
                    },
                    {
                        name: "下单时间",
                        alias: "int", // 字段别名
                        seat: 1,
                        display: true
                    },
                    {
                        name: "状态",
                        alias: "status", // 字段别名
                        seat: 1,
                        display: true
                    }
                ],
                // 当前页面
                page: null,
                // 每页显示数量
                limit: null,
                // 订单状态信息
                orderStatus: [{
                        code: 0,
                        msg: "待收货"
                    },
                    {
                        code: 1,
                        msg: "待收货"
                    },
                    {
                        code: 2,
                        msg: "待收货"
                    },
                    {
                        code: 3,
                        msg: "待收货"
                    },
                    {
                        code: 4,
                        msg: "待收货"
                    },
                    {
                        code: 5,
                        msg: "待收货"
                    },
                    {
                        code: 6,
                        msg: "待收货"
                    },
                    {
                        code: 7,
                        msg: "待收货"
                    },
                    {
                        code: 8,
                        msg: "待收货"
                    },
                    {
                        code: 9,
                        msg: "待收货"
                    },
                    {
                        code: 10,
                        msg: "待收货"
                    },
                    {
                        code: 11,
                        msg: "待收货"
                    }
                ]


            }

        },
    }
</script>

<style>
</style>
